<{include file="public/header.html"}>
	<header class="bj-white search-page follow-head border-bottom-sm">
            <a href="javascript:void(0);"  class="icon-return iconfont iconfont-top iconfont-left"  onclick="javascript:history.back(-1);">&#xe604;</a>
		<h1 class="bar-title">借款详情</h1>
		<!--<span class="loan_glue" onclick="javascript:window.location.href=$(this).attr('data-url');" data-url="<{$item['raiders_url']}>">借款攻略</span>-->
	</header>
	<section class="g-loandetail mt50">
            <div class="content pb65">
			<div class="plat">
				<div class="f-cb">
                                    <img src="<{$item['logo_detail']}>" alt="" class="fl" />
					<div class="fl">
						<em><{$item['name_ch']}></em>
                                                <p><span style="color:#fb6264;"><{$item['contact_number']}></span>人申请成功</p>
					</div>
				</div>
				<p class="most"><{$item['tip_list']}></p>
			</div>
			<div class="scope f-cb">
				<div class="fl mr10">
                                    <input type="text" id="amount_area"  class="money"   value="<{$item['amount_area_arr'][0]}>"  readonly="readonly" style="text-align: center"/>
					<p>额度范围：<span><{$item['amount_first']}>~<{$item['amount_over']}>元</span></p>
				</div>
				<div class="fr">
					<input type="text"  id="time_area"  class="time"   value="<{$item['period_area_arr'][0]}>"  readonly="readonly" style="text-align: center"/>
					<p>期限范围：<span><{$item['period_area']}></span></p>
				</div>
			</div>
			<div class="speed">
				<table border="" cellspacing="" cellpadding="">
					<tr><th><{$item['rate']}></th><th><{$item['tip_lending_fast']}></th></tr>
					<tr><td>参考日利率</td><td>最快放款时间</td></tr>
				</table>
				<p><{$item['tip_detail']}></p>
			</div>
			<div class="if">
				<div class="tit"><font class="iconfont">&#xe664;</font> 申请条件</div>
				<p><{$item['apply_conditions']}></p>
			</div>
			<div class="if">
				<div class="tit"><font class="iconfont">&#xe666;</font> 所需材料</div>
				<p><{$item['apply_materials']}></p>
			</div>
			<div class="if comment">
				<div class="tit"><font class="iconfont">&#xe663;</font> 热门评论</div>
                                <{if $comment_list}>
				<ul class="comt-list">
                                        <{foreach from=$comment_list item=val}>
					<li class="f-cb">
                                            <img src="<{$val['head_img']}>" alt="" class="fl" />
						<div class="con">
							<div class="user f-cb">
								<span class="fl"><{$val['mobile']}></span>
								<font class="fr"><{$val['apply_time']}></font>
							</div>
							<p>
                                                            <{foreach from=$val['tags'] item=v}>
                                                            <em><{$v}></em>
                                                            <{/foreach}>
                                                            <{if $val['tags']}>
                                                            <br/>
                                                            <{/if}>
                                                            <{$val['content']}>
                                                        </p>
						</div>
					</li>
                                        <{/foreach}>
				</ul>
                                <{else}>
                                <div  class="empty">暂无评论</div>
                                <{/if}>
			</div>
		</div>
		<div class="go-reply">

			<input type="hidden" id="lend_id" name="lend_id" value="<{$item['id']}>">
			<a href="/loan/jumpload.html?lend_id=<{$item['id']}>">立即申请</a>
		</div>
		<!--额度范围选择-->

		<div class="scope-popup money-layer">
			<div class="how-scope">
				<div class="layer-title">可选额度范围：<a href="javascript:;" class="iconfont">&#xe668;</a></div>
				<div class="layer-content">
					<form action="" method="post" data-ref="amount_area">
                                            <{foreach from=$item['amount_area_arr'] item=val key=key}>
                                            <p><input type="radio" class="regular-radio"/><label for="" <{if $key==0}>class="choose"<{/if}>></label><span><{$val}></span></p>
                                            <{/foreach}>
					</form>
					<p class="mt10"><input type="submit" value="确定" class="sure bling" /></p>
				</div>
			</div>
		</div>
		<!--时间选择-->
		<div class="scope-popup time-layer">
			<div class="how-scope">
				<div class="layer-title">可选期限范围：<a href="javascript:;" class="iconfont">&#xe668;</a></div>
				<div class="layer-content">
					<form action="" method="post" data-ref="time_area">
                                            <{foreach from=$item['period_area_arr'] item=val key=key}>
                                            <p><input type="radio" class="regular-radio"  /><label for="" <{if $key==0}>class="choose"<{/if}>></label><span><{$val}></span></p>
                                            <{/foreach}>
					</form>
					<p class="mt10"><input type="submit" class="sure bling" value="确定" /></p>
				</div>
			</div>
		</div>
		<style type="text/css">
			.area-list li a {
				-webkit-tap-highlight-color: #eee;
			}
			.area-list li a:active {
				-webkit-tap-highlight-color: #eee;
			}
			.area-mask {
				background: rgba(0, 0, 0, 0.4);
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 100;
			}
		</style>
		<!--  new 时间、额度范围选择  -->
		<section id="areaLayer" class="express-area-box">
			<header>
				<h3>请选择</h3>
				<a id="backUp" class="back" href="javascript:void(0)" title="返回" style="display: none;"></a>
				<a id="closeArea" class="close iconfont" href="javascript:void(0)" title="关闭">&#xe668;</a>
			</header>
			<article id="areaBox">
				<ul id="areaList" class="area-list">

				</ul>
			</article>
		</section>
		<div id="areaMask" style="display: none" class="area-mask"></div>

		<script type="text/javascript" src="/static/js/loan-min-1.0.js"></script>
		<script type="text/javascript">
            document.body.addEventListener('touchstart', function () { });
			$(function () {
			    var _quota_json =[];
			    var _time_json = [];
				var _lend_id = $("#lend_id").val();
                $.ajax({
                    url: "http://wx.tan66.com/ajax/ajax_loan_amount_time.html",
                    async: true,
                    type: "post",
                    dataType: "html",
                    data: {lend_id:_lend_id},
                    timeout: 10000,
                    success: function(data) {
                        var _data = JSON.parse(data);
						_quota_json = _data.amount_area_arr;
						_time_json = _data.period_area_arr;
                    },
                    error: function() {}
                });
                $("#amount_area").click(function(){
                    var _this = $(this);
                    initArea(_quota_json,_this);
                    openArea();
                });
                $('#time_area').click(function(){
                    var _this = $(this);
                    initArea(_time_json,_this);
                    openArea();
                });
            });
		</script>

		<!--<script type="text/javascript">
			/*$(".g-loandetail .content .scope .money").click(function(){
				$(".money-layer").fadeIn();
			});*/
			/*$(".g-loandetail .content .scope .time").click(function(){
				$(".time-layer").fadeIn();
			});*/
			$(".layer-title a").click(function(){
						$(this).parents(".scope-popup").fadeOut(400);
			 });
			//选择金额
			$(".money-layer .layer-content form p").on('click',function () {
				$(this).children("label").addClass("choose");
				$(this).siblings("p").children("label").removeClass("choose");
			});

			$(".money-layer .layer-content  label").each(function (i) {
				$(this).attr("for", "radio-1-" + i);
			});
			 $(".money-layer .layer-content .regular-radio").each(function (i) {
				$(this).attr("id", "radio-1-" + i).attr("name","money-layer");
			});
			//选择期限
			$(".time-layer .layer-content form p").on('click',function () {
				$(this).children("label").addClass("choose");
				$(this).siblings("p").children("label").removeClass("choose");
			});
			$(".time-layer .layer-content  label").each(function (i) {
				$(this).attr("for", "radio-2-" + i);
			});
			$(".time-layer .layer-content .regular-radio").each(function (i) {
				$(this).attr("id", "radio-2-" + i).attr("name","time-layer");
			});
			$(".sure").click(function(){
				var _form =  $(this).parent().siblings("form"),_ref=_form.attr("data-ref");
				var _text = _form.find("label[class='choose']").parent().find("span").text();
				$("#"+_ref).val(_text);
				$(this).parents(".scope-popup").fadeOut();
			});
		</script>-->
	</section>
<{include file="public/footer.html"}> 